<template>
  <div class="home">
    <HorizontalScroll>
      <div class="item" v-for="n in 10" :key="n" @click="handleClick">Item {{ n }}</div>
    </HorizontalScroll>
  </div>
</template>

<script setup>
import HorizontalScroll from '@/components/horizontalScroll/index.vue'
const handleClick = () => {
  console.log('click')
}
</script>

<style>
.home {
  margin: 0 auto;
  text-align: center;
  width: 300px;
}

.item {
  display: inline-block;
  padding: 20px;
  background: #f1f1f1;
  margin: 10px;
  cursor: pointer;
}
</style>
